<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="icon" type="image/x-icon" href="static/favicon.ico">
  <link rel="stylesheet" href="static/css/bootstrap.min.css">
  <link rel="stylesheet" href="static/css/form_setting.min.css">
  <script>
    var if_ie_11 = navigator.userAgent.indexOf('Trident') > -1 && navigator.userAgent.indexOf('rv:11.0') > -1;
    var if_ie = navigator.userAgent.indexOf('compatible') > -1 && navigator.userAgent.indexOf('MSIE') > -1;
    if (if_ie_11 || if_ie){
      window.stop?window.stop():document.execCommand('Stop');
      alert('不支持IE浏览器或IE兼容模式, 请更换浏览器再试!');
      var url = window.location.host;
      document.documentElement.innerHTML = '<div style="margin:auto;width:50%;"><h1>不支持IE浏览器或IE兼容模式</h1><h1>请复制下方地址使用其他浏览器访问:</h1><h1>http://'+url+'</h1></div>';
    }
  </script>

  <script src="static/js/chapter_indices.min.js"></script>
  <title>荣美之家表单</title>
  
  
</head>

<body>
  <div class="container">
    <div class="h1 text-center p-3" style="font-family: kaiti;color:#007BFF;">--- 请填写表单 ---</div>
    <form action="/" method="post">
      <div class="row justify-content-md-center">
        <div class="col-md-3">
        <div class="col p-2">
            <div class="col h5">起始卷章（一）</div>
            <div class="col p-1">

              <select class="form-control" id="exampleFormControlSelect1" name="yue1" disabled>
                <option value=0>旧约</option>
                <option value=1>新约</option>
              </select>
            </div>

            <div class="col p-1"><select class="form-control" id="exampleFormControlSelect1" name="juan1">
              <option>创世记（创）</option>
            </select></div>
            <div class="col p-1"><select class="form-control" id="exampleFormControlSelect1" name="zhang1">
              <option>第 001 章</option>
            </select></div>
            <div class="col p-1"><select class="form-control" id="exampleFormControlSelect1" name="capacity1">
              <option>每日 1 章</option>
            </select></div>
          </div>


          <div class="col p-2">
            <div class="col h5">起始卷章（二）</div>
            <div class="col p-1">

              <select class="form-control" id="exampleFormControlSelect1" name="yue2" disabled>
                <option>旧约</option>
                <option selected>新约</option>
              </select>
            </div>

            <div class="col p-1"><select class="form-control" id="exampleFormControlSelect1" name="juan2">
              <option>马太福音（太）</option>
            </select></div>
            <div class="col p-1"><select class="form-control" id="exampleFormControlSelect1" name="zhang2">
              <option>第 001 章</option>
            </select></div>
            <div class="col p-1"><select class="form-control" id="exampleFormControlSelect1" name="capacity2">
              <option>每日 1 章</option>
            </select></div>
          </div>

          <div class="col p-2">
            <div class="col h5">日期范围</div>
            <div class="form-check form-check-inline offset-1 radio-div_">
              <input class="form-check-input" type="radio" name="isthisweek" id="thisweekRadio" value="1" checked>
              <label class="form-check-label" for="thisweekRadio">这一周</label>
            </div>
            <div class="form-check form-check-inline offset-1 radio-div_">
              <input class="form-check-input" type="radio" name="isthisweek" id="nextweekRadio" value="0">
              <label class="form-check-label" for="nextweekRadio">下一周</label>
            </div>
          </div>
        </div>
        <div class="col-md-5 p-2">
          
          <div class="col h5">
            祷告事项
            </div>
            <div class="col p-1">
            <textarea class="form-control" id="exampleFormControlTextarea1" maxlength="800" minlength="4" rows="18" name="msg" required></textarea>
          </div>
          <div class="row p-2 d-flex justify-content-center">
            <div class="col-4 p-1"><button type="button" class="btn btn-secondary btn-block" id="btn_adj">恢复上次读经</button></div>
            <div class="col-4 p-1"><button type="button" class="btn btn-secondary btn-block" id="btn_clr">清空祷告事项</button></div>
            <div class="col-4 p-1"><button type="button" class="btn btn-secondary btn-block" id="btn_fil">写入祷告范例</button></div>
          </div>
        </div>
      </div>
      <!--按钮-->
      <div class="row d-flex justify-content-center">
        <div class="col-4 p-3">
          <button type="submit" class="btn btn-primary btn-lg btn-block">生成一周计划</button>
        </div>
      </div>
      </div>
    </form>
  </div>
</body>

</html>